<template>
  <div id="app">
    <app-nav></app-nav>
    <div class="content">
        <page-box></page-box>
        <modal-button></modal-button>
    </div> 
  </div>
</template>


<script>
import pageBox from './page/index.vue';
import dnaButton from "./button/index.vue";
import dnaInput from "./input/index.vue";
import appNav from "./nav/index.vue";
import modalButton from './modal-button/index.vue';

export default {
  name: "app",
  components: {
    dnaButton,
    pageBox,
    dnaInput,
    appNav,
    modalButton
  },
  setup() {
  },
  data() {
    return {
    };
  },
  methods: {
  },
};
</script>

<style lang="less">
body {
    font-family: Calibre bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: #2c3e50;
    position: relative;
}

.content {
  padding: 10px 100px;
}
</style>